.red{
	color: #cd2c1e;
}
.index-nav{
	position: relative;
	height: 40px;
	background: #FFF;
	border-bottom:1px solid #a4a3a3 ;
}
.index-navclick{
	position: absolute;
	left: 17px;
	top: 9px;
	height: 20px;
}
.indexkao{
	width: 50%;
	display: inline-block;
	height: 24px;
	margin:8px 0px ;
	box-sizing: border-box;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #000;
}
.indexkao img{
	height: 24px;
	vertical-align: bottom;
}
.indexkao span{
	margin-left: 10px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
}
.index-navportrait{
	position: absolute;
	left: 54px;
	top: 2px;
	height: 36px;
	width: 36px;
	border: 2px solid #f8f8f8;
	border-radius: 50%;
	overflow: hidden;
}
.index-navportrait img{
	width: 100%;
	height: 100%;
}
.index-money{
	height: 40px;
	line-height: 40px;
	min-width: 100px;
	position: absolute;
	left: 100px;
	top: 0px;
	color: #000;
	font-size: 12px;
}
.index-money span{
	color: #cd2c1e;
	font-size: 14px;
}
.index-advertisement{
	border: 1px solid #cd2c1e;
	border-radius: 5px;
	width: 80%;
	/*height: 36px;
	line-height: 36px;*/
	margin: 10px auto;
	background: url(../images/icon15.png) 95% 6px no-repeat;
	background-size:9px 20px;
	color: #cd2c1e;
	padding: 18px 0;
}
.index-span1{
	width: 40%;
	text-align: center;
	display: block;
	float: left;
}
.index-conter1{
	padding-left: 15px;
	font-size: 14px;
	padding: 10px 15px;
}
/*******************************************************************************************************/
.index-conter2{
	padding: 15px 15px 0px 15px;
	background: #FFF;
	overflow: hidden;
}
.index-conter2 li{
	background: #f3f3f3;
	height: 40px;
	margin-bottom: 15px;
	border-radius: 5px;
	overflow: hidden;
}
.index-die{
	width: 17%;
	height: 40px;
	line-height: 40px;
	text-align:center;
	box-sizing: border-box;
	display: block;
	color: #FFF;
	font-size: 14px;
	background: #e15145;
	float: right;
}
.index-conter2 li.clos{
	background: #d5d3d3;
}
.index-liconter{
	width:83%;
	height: 40px;
	padding-left: 5px;
	float: left;
	box-sizing: border-box;
	display: block;
}
.index-span2{
	box-sizing: border-box;
	padding-left: 5px;
	width: 100%;
	display: inline-block;
}
.index-span2s{
	height: 20px;
	line-height: 20px;
	color: #2a2929;
	font-size: 14px;
	float: left;
}
.index-span2s span{
	font-size: 16px;
	color: #cd2c1e;
}
.index-span2a{
	height: 16px;
	width: 100%;
	line-height: 16px;
	font-size: 12px;
	color: #635f5e;
	float: left;
}
.index-span2a span{
	width: 33%;
	display: inline-block;
	float: left;
	/*text-align: center;*/
}
/*******************************************************************************************************/
/*主体*/
.selidr{
	width: 64%;
	height: 340px;
	/*background: #FFF;*/
	position: relative;
	text-align: center;
	/*overflow: hidden;*/
}
.selidr .thisli1,.selidr .thisli2,.selidr .thisli3,.selidr .thisli4{
	border-radius: 5px;
	position: absolute;
	overflow: hidden;
	width: 64%;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	text-align: center;
	height: 260px;
	top: 25px;
}
.selidr .thisli1{
	background: #e3e3e3;
	left: -52%;
	z-index: 3;
}
.selidr .thisli2{
	left: 18%;
	background: #FFF;
	z-index: 4;
}
.selidr .thisli3{
	left: 88%;
	background: #e3e3e3;
	z-index: 3;
}
.selidr .thisli4{
	left: 120%;
	background: #e3e3e3;
	z-index: 3;
}
.selidr .doie1{
	background: #FFF;
}
.selidr .doie2{
	background: #dfdfdf;
}
/*按钮组*/
.clicks{
	height: 24px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -60px;
}
.clicks span{
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-right: 20px;
	border-radius:50% ;
}
.clicks span:last-child{
	margin-right: 0px;
}
.modem{
	background: #c1c1c1;
}
.modex{
	background: #f1645a;
}
/*左右按钮组*/
.selidrleft,.selidrright{
	height: 60px;
	width: 30px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 20;
}
.selidrleft{
	left: 10px;
	background: url(../images/clk03.png) no-repeat;
	background-size: 100%;
}
.selidrright{
	right: 10px;
	background: url(../images/clk04.png) no-repeat;
	background-size: 100%;
}
/*li里面的内容结构*/
.selidrtop1,.selidrtop2{
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #FFF;
}
.selidrtop1{
	background: #d01403;
}
.selidrtop2{
	background: #891208;
}

.selidrjia{
	color: #414140;
	font-size: 12px;
}
.selidrjia span{
	color: #d01403;
}
.threeli{
	width: 90%;
	height: 40px;
	padding: 10px 3%;
	border: 1px solid;
	border-radius: 20px;
	margin: 20px auto ;
}
.threeli:nth-child(2){
	color:#d01403;
	border-color: #d01403;
}
.threeli:nth-child(3){
	color:#45bafe;
	border-color: #45bafe;
}
.threeli:nth-child(4){
	color:#2fb44e;
	border-color: #2fb44e;
}
.threeliright,.threelileft{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	text-align: left;
	overflow: hidden;
}
.threelileft{
	width: 64%;
	border-right: 1px solid;
	box-sizing: border-box;
}
.threelileft span{
	font-size: 16px;
}
.threeliright{
	width: 30%;
	font-size: 16px;
	font-weight: bolder;
	font-style: italic;
	text-align: center;
}
/******************************************************************************************************/
.index-contersss{
	height: 36px;
	line-height: 50px;
	padding-left: 15px;
	font-size: 14px;
}
.index-zhexian{
	max-width:640px ;
}
.index-zhexian img{
	width:100% ;
}
.index-xinxi{
	padding: 0px 15px;
	box-sizing: border-box;
	background: #FFF;
	margin-bottom: 180px;
}
.index-xinxi li{
	border-top:1px solid #d0d0d0;
	padding: 10px 0px;
	color: #147ed4;
	/*height: 36px;*/
	/*line-height: 30px;*/
}


/*弹出*/
.index-mask{
	position: fixed;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -180px;	
	border-radius: 5px;
	display: none;
	min-height: 100px;
	background: #f5f5f5;
	overflow: hidden;
	z-index: 65;
}
.index-masktop{
	height: 40px;
	line-height: 40px;
	background: #9d3d34;
	color: #FFF;
	text-align: center;
	font-size: 14px;
}
.index-maskbox{
	padding: 0px 15px 15px 15px;
	box-sizing: border-box;
	background: #f5f5f5;
	overflow: hidden;
}
.index-maskhand{
	width: 100%;
	height: 36px;
	border-bottom: 1px dashed #969696;
	margin-top: 10px;
	border-color: #a7a7a7;
}
.index-maskhand input{
	width: 100%;
	height: 36px;
	font-size: 16px;
	padding-left: 10px;
	box-sizing: border-box;
}
.index-click{
	height: 20px;
	width: 20px;
	background: url(../images/icon17.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-top: -3px;
}
.index-clickde{
	height: 20px;
	width: 20px;
	background: url(../images/icon18.png) no-repeat;
	background-size: 100% 100%;
	vertical-align:  middle;
}
.index-maskdiyong{
	width: 100%;
	/*height: 60px;*/
	border-bottom: 1px dashed #969696;
	margin-top: 5px;
}
.index-maskdiyong p{
	height: 25px;
	line-height: 25px;
}
.index-maskdiicon{
	height: 16px;
	vertical-align: middle;
	margin-top: -3px;
}
.index-click,.index-clickde,.index-maskmo,.index-maskdiicon,{
	float: left;
}
.index-maskmo{
	line-height: 25px;
}
.index-maskjia{
	width: 70px;
	height: 25px;
	display: block;
	border: 1px solid #dadada;
	float: right;
	box-sizing: border-box;
	position: relative;
}
.index-maskjia .jias{
	width: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #ff0000;
	display: inline-block;
	position: absolute;
}
.index-maskjia .jias:nth-child(1){
	left: 0px;
}
.index-maskjia .jias:nth-child(3){
	right: 0px;
}
.index-maskjia .index-zhong{
	width: 39px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	box-sizing: border-box;
	position: absolute;
	left: 15px;
}
#index-djian{
	color: #cd2c1e;
}
.index-maskps{
	height: 26px;
	line-height: 26px;
}
.index-maskqueren{
	color: #FFF;
	background: #ff0000;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	margin-top: 10px;
}
.index-jine{
	height: 30px;
	line-height: 40px;
	display:block;
}
.index-quan{
	height: 30px;
	line-height: 20px;
	display:block;
}
.index-recharge{
	line-height: 20px;
	background: #cd2c1e;
	color: #FFF;
	padding: 0px 5px;
	display: inline-block;
	float: right;
	border-radius:5px ;
	margin-top: 10px;
	margin-left: 10px;
}
.index-quan span{
	color: #ff0000;
}
.index-quan img{
	height: 20px;
	/*line-height: 20px;*/
	vertical-align: middle;
}
/**********************************************************/
.index-fangxiang{
	height: 36px;
	line-height: 36px;	
}
.index-fangxiang span{
	width: 32%;
	display: inline-block;
	text-align: center;
}
.index-fangxiang span:first-child{
	text-align: left;
}
.index-fangxiang span:last-child{
	text-align: right;
}
.index-fangxiang span input{
	display: none;
}
.index-fangxiang span label{
	border: 1px solid #777777;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
.index-fangxiang span .ace{
	border: none;
	background: #ed1c24;
}
.data-heyue{
	z-index: 60;
}
.ui-checkbox{
	display: inline-block;
}

.diyu{
	margin-top: 10px;
}
.ssea{
	width: 64%;
}
.sover{
	width: 100%;overflow: hidden;
}
/**********************************************************/
.ere{color:red;height:100px;}
/*图表部分*/
.echarts_con{padding: 15px 15px 0px 15px;background: #fff;}
.echarts_con .echarts_ul{width: 100%;border-bottom: 1px solid #D3D3D3;}
.echarts_ul li{float: left;width: 16.6%;box-sizing:border-box;font:12px/30px "microsoft YaHei","Arail";color: #333;text-align: center;}
.echarts_ul .red_bor_btm{border-bottom: 2px solid #cc2a1e;color: #cc2a1e;font-size: 14px;}
.echarts_mcon{width: 100%;overflow:hidden;}

/*图表样式*/
.echartsBox{width:100%;margin:10px auto;border:1px solid #D9D9D9;position:relative;overflow:hidden;box-sizing:border-box;}
.echartsBox img{display: inline-block;width: 96%;margin:10px auto;}
.echarts{height:200px;width:100%;}
.echarts_msg{position: absolute;right: 15px;top:5px;font:14px/20px "microsoft YaHei","Arail";color: #0978D2;}
.echarts_msg li{float: left;margin-right: 5px;}